<template>
  <div style="width:300px">
    <avue-treeselect :multiple="true" label="test" :dic="dic" :placeholder="placeholder" :options="options"></avue-treeselect>
  </div>
</template>
<script>
export default {
    label: "main",
    data: () => ({
        value: [],
        placeholder: "请选择...",
        dic: [
            {
                id: "fruits",
                label: "Fruits",
                children: [
                    {
                        id: "apple",
                        label: "Apple 🍎",
                        isNew: true
                    },
                    {
                        id: "grapes",
                        label: "Grapes 🍇"
                    },
                    {
                        id: "pear",
                        label: "Pear 🍐"
                    },
                    {
                        id: "strawberry",
                        label: "Strawberry 🍓"
                    },
                    {
                        id: "watermelon",
                        label: "Watermelon 🍉"
                    }
                ]
            },
            {
                id: "vegetables",
                label: "Vegetables",
                children: [
                    {
                        id: "corn",
                        label: "Corn 🌽"
                    },
                    {
                        id: "carrot",
                        label: "Carrot 🥕"
                    },
                    {
                        id: "eggplant",
                        label: "Eggplant 🍆"
                    },
                    {
                        id: "tomato",
                        label: "Tomato 🍅"
                    }
                ]
            }
        ],
        options:{
            defaultExpandLevel:2,
        }
    })
};
</script>